<!-- src/components/StatsChart.vue -->
<template>
    <div class="chart-container">
      <el-card shadow="hover">
        <div class="chart-title">统计图</div>
        <div class="chart-placeholder">
          <!-- 此处可替换为实际图表，如 ECharts、Highcharts 等 -->
          这里显示统计图表<br />
          (如：住院人数、门诊数量、预约情况等)
        </div>
      </el-card>
    </div>
  </template>
  
  <script setup lang="ts">
  </script>
  
  <style scoped lang="scss">
  .chart-container {
    margin-top: 20px;
    .chart-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .chart-placeholder {
      height: 300px;
      background: #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #999;
    }
  }
  </style>
  